.login-page {
  display: flex;
  justify-content: center;
  margin-top: 200px;
}
.login-container {
  position: absolute;
  width: 300px;
  margin: 0 auto; /* 水平居中 */
  top: 50%; /* 位于垂直方向的中间 */
  left: 50%; /* 位于水平方向的中间 */
  transform: translate(-50%, -50%); /* 使用 transform 属性将元素水平垂直居中 */
  border-radius: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.background-container{
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100vw; /* 视窗宽度的 100% */
  height: 30vh; /* 视窗高度的 100% */
  background-color:#FE4E84;
  z-index: 0; /* 将背景容器置于最底层 */
}